<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>pay</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/pay.css">
    
</head>

<body>
    <div class="out-home-body">
        <div class="out-header-top flex">
            <div class="">
                <span class="fa fa-angle-left"></span>
            </div>
            <div class="out-img-home">
                <img class="title-img" src="./img/title-logo.png" alt="">
            </div>
            <div></div>
        </div>
        <div class="main-body" >
            <div class="success-top-tips flex">
                <img src="./img/dui.png" class="icon-class" alt="">
                <p >下单成功</p>
            </div>
            <p class="title-pay-first">支付信息</p>
            <div class="userInfo-show">
                <p class="word-info" style="padding-left: 0.8rem;">支付机构客户备付金集中存管账户:</p>
                <div class="flex mid-word">
                    <p  class="word-info width-word">某某某有限责任公司</p><div class="button-copy">复制</div>
                </div>
            </div>
            <div class="userInfo-show">
                <p class="word-info" style="padding-left: 0.8rem;">开户行:</p>
                <div class="flex mid-word">
                    <p  class="word-info width-word">中国银行某某某支行</p><div class="button-copy">复制</div>
                </div>
            </div>
            <div class="userInfo-show">
                <p class="word-info" style="padding-left: 0.8rem;">收款银行账户:</p>
                <div class="flex mid-word">
                    <p  class="word-info width-word" style="letter-spacing:0;">6593596874145287</p><div class="button-copy">复制</div>
                </div>
            </div>
            <p class="done-tips" style="letter-spacing:0.3rem;color: black;">请记下充值识别码</p>
            <p class="done-number" >52462</p>
            <p class="done-tips-two" style="color:rgb(253, 144, 71);">重要提示：请在充值时务必在备注栏填入此识别码</p>
        </div>
        <div class="button-bottom">
            去支付还剩&nbsp;(<span id="showtime">15:00</span>)
        </div>
        <p style="text-align: center;font-size: 1rem;margin-top: 0.2rem;">逾期未支付，订单自动取消</p>
    </div>
</body>
    <script src="./js/jqeury.js"></script>
    <script>
       var maxtime = 899 //  

    function CountDown() {

        if (maxtime >= 0) {

            minutes = Math.floor(maxtime / 60);

            seconds = Math.floor(maxtime % 60);

            msg = minutes + ":" + seconds;

            document.getElementById("showtime").innerHTML = msg;

           
                --maxtime;

        } else{
            document.getElementById("showtime").innerHTML = "已支付";
            clearInterval(timer);

           

        }

    }

    timer = setInterval("CountDown()", 1000);     
   
    </script>
</html>